import React from 'react';
import { connect } from 'dva';
import { routerRedux } from 'dva/router';
import { List, Icon } from 'antd-mobile';
import content from '../../../../common/contentCss/content.css';
import CustTitle from '../../../../common/title/title';
import BasicInfo from './pages/basicInfo';
import StepsView from './pages/stepsView';
import FootBtn from './pages/footBtn';

function MyPartTimeDetail({dispatch,myPartTimeDetail}) {

  const titleProps = {
    titleName:'',
    goBack(){
      dispatch(routerRedux.goBack())
    },
  }

  const MarginHeight = () => <div style={{height: '0.6em', backgroundColor:'#F5F5F9'}}></div>;

  return(
    <div className={content.content} style={{backgroundColor:'#fff'}}>
      <CustTitle {...titleProps}/>
      <div style={{
        marginTop: '2.8125em',
      }}>
      <BasicInfo/>
      <MarginHeight/>
      <StepsView/>
      </div>
      <FootBtn/>
    </div>
  )
}

function mapStateToProps(state, ownProps) {
  return {
    myPartTimeDetail:state.myPartTimeDetail,
  }
}

export default connect(mapStateToProps)(MyPartTimeDetail);
